.show-back-class{

  .el-collapse-item{
    background-color: transparent !important;
    div {
      color: #FFF  !important;
      background-color: transparent !important;
    }
    //el-collapse-item__wrap

  }


  .el-table{
    border: 1px solid  #1C97FF;
    background-color: transparent !important;
  }
  .el-table::before{
    background-color: transparent !important;
  }
  .el-table::after{
    background-color: transparent !important;
  }
  .el-table tr{
    background-color: transparent !important;
  }
  .el-table td{
    background-color: transparent !important;
    border-right: 1px solid  #1C97FF !important;
    border-bottom: 1px solid #1C97FF !important;
    color: #FFF  !important;
  }
  .el-table th{
    border-right: 1px solid  #1C97FF !important;
    border-bottom: 1px solid #1C97FF !important;
    background-color: rgba(55, 229, 250, 0.4) !important;
    color: #37ebff  !important;
  }
  .el-table .el-table__body{
    background-color: transparent !important;

  }
  .el-table .el-table__expanded-cell{
    background-color: transparent !important;
  }

  .td-item{
    color: #37ebff;
    height: 35px;
    line-height: 35px;
    background-color: rgba(55, 229, 250, 0.4);
    border-radius: 5px;
    font-size:0.8rem;
    text-align: center;
    //width:  calc(100%/17);
  }
  .td-success{
    background-color: rgba(87, 255, 67, 0.5) !important;
  }
  .td-warn{
    background-color: rgba(255, 176, 57, 0.69) !important;
  }
  .td-danger{
    background-color: rgba(255, 60, 65, 0.69) !important;
  }
  .td-item-dcc{
    color: #fff;
    height: 35px;
    line-height: 35px;
    background-color: rgba(145, 145, 145, 0.5);
    border-radius: 5px;
    font-size:0.8rem;
    text-align: center;
    //width:  calc(100%/17);
  }
  .td-item-open{
    color: #edff1c;
    font-size: 1.5rem;
    background-color: rgba(223, 250, 81, 0.4);
  }
  .td-item-off{
    font-size: 1.5rem;
    color: #37ebff;
    background-color: rgba(55, 229, 250, 0.4);
  }

  .show-td{
    //width:  calc(100%/17);
    width: 100px;
  }

  .el-input__inner:hover {
    border-color: rgba(55, 229, 250, 0.4);
  }

  .el-range-editor.is-active {
    border-color: rgba(55, 229, 250, 0.4);
  }

  .el-date-editor{
    border-color: rgba(55, 229, 250, 0.4);;
    background-color: rgba(55, 229, 250, 0.2);
    color: #37ebff;
    input{
      //background-color: rgba(55, 229, 250, 0.4);
      background-color: transparent;
      color: #FFF;
    }
    i{
      color: #37ebff;
    }
    span{
      color: #37ebff;
    }
  }

  .el-input{
    input{
      border: 1px solid   rgba(55, 229, 250,0.4);
      background-color: rgba(55, 229, 250, 0.2) !important;
      color: #FFF  !important;
    }
    input:hover, input:focus {
      border: 1px solid   rgba(55, 229, 250,0.6);
      background-color: rgba(55, 229, 250, 0.4) !important;
      color: #FFFFFF;
    }
    .el-input-group__append{
      border: 1px solid   rgba(55, 229, 250,0.4);
      background-color: rgba(55, 229, 250, 0.4) !important;
      color: #FFF  !important;
    }
  }
  .el-textarea{
    textarea{
      border: 1px solid   rgba(55, 229, 250,0.4);
      background-color: rgba(55, 229, 250, 0.2) !important;
      color: #FFF  !important;
    }
    textarea:hover, textarea:focus {
      border: 1px solid   rgba(55, 229, 250,0.6);
      background-color: rgba(55, 229, 250, 0.4) !important;
      color: #FFFFFF;
    }
  }

  .el-select{
    border-color: rgba(55, 229, 250, 0.4);
    color: #37ebff;
    input{
      //background-color: transparent !important;
      border-color: rgba(55, 229, 250, 0.4);
      color: #37ebff;
      //height: 30px !important;
      //line-height: 30px !important;
    }
    .el-input__icon{
      //line-height: 30px !important;
    }
    .el-input.is-focus .el-input__inner {
      border-color: rgba(55, 229, 250, 0.4);
    }
  }

  .el-select-dropdown__empty{
    color: #FFF;
    background-color:rgba(17,93,131,255) !important;
  }

  .el-form{
    .el-form-item__label{
      color: #FFF;
    }
  }

  .pagination-container{
    background-color: transparent !important;
    .is-background{
      .el-pagination__total{
        color: #FFF;
      }
      .el-pagination__jump{
        color: #FFF;
        input{
          background-color: rgba(55, 229, 250, 0.4);
          border-color: rgba(55, 229, 250, 0.4);
          color: #37ebff;
        }
      }
      .el-pager{
        li{
          border: 1px solid   rgba(55, 229, 250,1);
          background-color:rgba(55, 229, 250, 0.1);
          color: #37ebff;
        }
        li:not(.disabled).active {
          background-color: rgba(55, 229, 250, 0.4);
          color: #37ebff;
        }
      }
    }
    button{
      background-color: rgba(55, 229, 250, 0.1) !important;
      border-color: rgba(55, 229, 250, 0.4) !important;
      color: #37ebff !important;
    }
  }

  .el-tabs--card{
    .el-tabs__header{
      border-bottom: 1px solid transparent !important;
      .el-tabs__nav {
        border: 0 solid rgba(55, 229, 250, 0.4);
      }
    }
    .el-tabs__item{
      background-color: rgba(55, 229, 250, 0.4) !important;
      margin-left: 10px;
      color: #FFF;
      border-left: 0 solid black !important;
      border-top-left-radius: 8px; /* 左上角圆角 */
      border-top-right-radius: 8px; /* 右上角圆角 */
    }
    .el-tabs__header .el-tabs__item.is-active {
      border: 2px solid #37ebff!important;
    }
  }

  .el-button--screen-but{
    background-color: rgba(55, 229, 250, 0.4) !important;
    color: #FFF;
    border: 1px solid rgba(55, 229, 250, 0.4) !important;
  }

  .el-button--screen-but:hover, .el-button--screen-but:focus {
    background-color: rgba(55, 229, 250, 0.8) !important;
    color: #FFFFFF;
  }
  .el-picker-panel__body-wrapper{
    background-color:rgba(17,93,131,255) !important;
    color: #fff;
    .el-picker-panel__icon-btn{
     color: #FFF;
    }
    .el-date-picker__header-label{
     color: #FFF;
    }
    th{
      color: #FFF;
    }
    .cell{
      color: #FFF;
    }
    .el-date-table td.today.in-range span {
      color: #FFF;
    }
    .el-date-table td.in-range div {
      background-color: rgba(55, 229, 250, 0.4) !important;
    }
    .el-date-table td.start-date span, .el-date-table td.end-date span {
      background-color: rgba(55, 229, 250, 1) !important;
    }

    .el-date-range-picker__time-header > .el-icon-arrow-right {
      color: #FFF;
    }
  }

  .el-picker-panel__footer{
    background-color:rgba(17,93,131,255) !important;
    .el-button--text{
      color: #FFF;
    }
    .el-button--default{
      background-color: rgba(55, 229, 250, 0.4) !important;
      color: #FFF;
      border: 1px solid rgba(55, 229, 250, 0.4) !important;
    }
    .el-button--default:hover, .el-button--default:focus {
      background-color: rgba(55, 229, 250, 0.8) !important;
      color: #FFFFFF;
    }
  }



  .el-cascader .el-input.is-focus .el-input__inner {
    border: 1px solid rgba(55, 229, 250, 0.4) !important;
  }
  .el-cascader-menu{
    border: 1px solid rgba(55, 229, 250, 0.4) !important;
    background-color: #115d83 !important;
    color: #fff;
    //.el-cascader-node.is-selectable.in-active-path {
    //  color: rgba(255, 19, 26, 0.31);
    //}
    .el-cascader-node.is-selectable.in-active-path {
      color: rgba(55, 229, 250, 0.8);
    }
    li:hover, li:focus {
      background-color: rgba(55, 229, 250, 0.8) !important;
      color: #FFFFFF;
    }
    .el-cascader-node.in-active-path, .el-cascader-node.is-selectable.in-checked-path, .el-cascader-node.is-active {
      color: #1890ff;
      font-weight: bold;
    }

  }


  //***********************show-back-class   结束
}

.show-back-class.el-dialog{
  background-color: transparent;
  .el-dialog__header{
    background-color: #095C7B;
    border-top-left-radius: 15px; /* 左上角圆角 */
    border-top-right-radius: 15px; /* 右上角圆角 */
    padding: 15px 20px 10px 20px;
    .el-dialog__title{
      color: #fff;
    }
    .el-dialog__headerbtn .el-dialog__close {
      color: #fff;
    }
  }
  .el-dialog__body{
    background-color: #022F50;

  }
  .el-dialog__footer {
    border-top: #fff 1px solid;
    background-color: #022F50;
    padding: 10px 20px;

    border-bottom-left-radius: 8px; /* 左上角圆角 */
    border-bottom-right-radius: 8px; /* 右上角圆角 */
  }
  .el-date-editor{
    background-color: transparent;
    background-color: rgba(55, 229, 250, 0.2);
  }
}

// .el-date-picker {
//   background-color: rgba(17,93,131,255) !important;
// }
.index-select{
  input{
    height: 25px !important;
    line-height: 25px !important;
  }
  .el-input__icon{
    line-height: 25px !important;
  }
}
.el-cascader-node{
  background-color:rgba(17,93,131,255) !important;
  padding: 0px 6px;
  color: #fff !important;
}
.el-cascader-menu__list {
  background-color: rgba(17,93,131,255) !important;
}
.el-cascader-node.hover, .el-cascader-node:hover {
    background-color: rgba(17, 139, 180, 0.87) !important;
  }
.el-select-dropdown__list:has(.index-option){
  background-color: rgba(17,93,131,255) !important;
}
.index-option{
  color: #fff !important;
  background-color:  transparent !important;
}
.index-option.hover, .index-option:hover {
  background-color: rgba(17, 139, 180, 0.87) !important;
}